<template>
    <div class="header">
			<div>头部</div>
	<div class="selec">
		<Header_One />
		<Header_Two />
		<Header_Three />
		<Header_Four />
  </div>
			</div>
</template>

<script>
import Header_One from './Header_One'
import Header_Two from './Header_Two'
import Header_Three from './Header_Three'
import Header_Four from './Header_Four'


export default {
   components:{
		Header_One,
		Header_Two,
		Header_Three,
		Header_Four
   }
}
</script>

<style lang="scss" scoped>
	
	.header{
	// height: 135px;
	height: 16.8%;
	background-color: #353535;
	margin-bottom: 15px;
	display: flex;
	justify-content: space-between;
}
.selec{
	// margin-right: 10px;
	display: flex;
	height: 100%;
	padding:70px;
	margin-right:176px;
	
}
		
</style>

<style lang="scss">
  .el-input--suffix .el-input__inner {
    padding-right: 30px;
	background:#353535;
	// border:none;
	color:#e8e8e8;
	font-size:15px;
}
.el-select .el-input .el-select__caret {
	color:#77c03a;
}
  </style>